
	<div class="row encabezado"/>
	</div>
	<div class="P10236-juego row">
		<div class="columns large-10 large-centered ecuacion borde" style="margin-top: 0%;" >
			<div class="row">
				<table style="width:100%">
					{% for j in range(1,10) %}
					{% if j == 6 %}
						<tr>
							{% for f in range(1,10) %}
								<td class="celdaVacia" style="padding: 0%;">&nbsp</td>
							{% endfor %}
						</tr>
					{% endif %}
					<tr>
						{% for i in range(1,10) %}
							{% if i == 6 %}
								<td class="celdaVacia" style="">&nbsp</td>
							{% endif %}
							{% set numeroCelda = (j-1)*10+i %}
							{% if j == 1 or i == 1 or numeroCelda == 12 or numeroCelda == 13 or numeroCelda == 22 %}
								<td class="celda">
									<span class="num" rel="">{{numeroCelda}}</span>
								</td>
							{% else %}
								{% if numeroCelda == pos %}
									<td class="celda objetivo">
										<span class="num" rel="">{{pos}}</span>
									</td>
								{% else %}
									<td class="celda">
									</td>
								{% endif %}
							{% endif %}
						{% endfor %}
					</tr>
					{% endfor %}
				</table>
				
			</div>
			<div class="row" style="text-align:left;">
				<div class="enunciado" style="float:left;">
					Marco está sentado en el asiento {{pos}}, José&nbsp
					{% if dir == 1 %}
					delante
					{% elseif dir == 2 %}
					a la derecha
					{% elseif dir == 3 %}
					a la izquierda
					{% else %}
					atras
					{% endif %}
					&nbspde él.
				</div>
			</div>
			<div class="row" style="text-align:left;">
				<div class="enunciado" style="float:left; height: 8%; padding-top: 5%">
					El asiento de José es:&nbsp
				</div>
				<div id="" class="num large-2 columns contenedor pad bordeNum">
					<span class="numero" rel="respuesta">?</span>
					<input type="hidden" name="respuesta"/>
				</div>
			</div>
        </div>		
	</div>	 
	<hr />  
	<input type="hidden" name="tiempo" id="tiempoTardado" value="0" />
	<button type="submit" class="btnGreen" id="btnSubmit" disabled="disabled">Calificar</button>

<div id="divhelper"></div>

<!-- PARAMETROS PARA EL PAD -->
<span id="top_pad" style="display:none;">100%</span>
<span id="left_pad" style="display:none;">-20%</span>
<span id="ingreso_manual_digitos" style="display:none;">Si</span>
<span id="signos" style="display:none;">No</span>
<span id="verdadero_falso" style="display:none;">No</span>
<span id="fijar_color" style="display:none;">No</span>
<span id="inicio_rango" style="display:none;">0</span>
<span id="fin_rango" style="display:none;">9</span>
<!--recordar que en programacion los "conteos" empiezan desde cero -->
<span id="caracteres_contenedor" style="display:none;">2</span>
<span id="signo_igual" style="display:none;">No</span>
<span id="borrador" style="display:none;">Si</span>
<!-- solo agregara mas menos al pad -->
<span id="mas_menos" style="display:none;">No</span>
<!-- solo mostrara lo que se ingrese aqui-->
<span id="menu_personalizado-1" style="display:none;">2,más,menos</span> 
<span id="signo_menor_mayor_igual" style="display:none;">No</span>
<!-- Usar en caso de que existan varios contenedores y se necesite que salga en diferente direccion-->
<span id="direccion_pad-r1" style="display:none;">1,100%,0%</span>